<ion-header no-border align-title="center">

  <ion-navbar color="primary">
    <ion-title mode="ios">收租记录</ion-title>

    <ion-buttons end class="empty-button">
      <button ion-button >
        <ion-icon></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content padding>

  <div class="address">
    <ion-icon name="pin" class="pin">
      <span>{{build_address}} - {{room_name}}</span>
    </ion-icon>
  </div>

  <ion-list class="settlement-list">

    <ion-item-sliding *ngFor="let settlement of settlements">
      <ion-item (click)="registerView(settlement)">
        {{settlement.settlement_month}}
        <ion-note item-end>总金额：{{settlement.settlement_total_amount}}</ion-note>
      </ion-item>
      <ion-item-options>
        <button ion-button color="primary" (click)="registerEdit(settlement)">
          <ion-icon name="create"></ion-icon>
          编辑
        </button>
      </ion-item-options>
    </ion-item-sliding>

  </ion-list>

</ion-content>
